<template>
  <div class="grandson">
    <h4>GrandSon</h4>
    <div>
      <p>a:{{ a }}</p>
      <p>b:{{ b }}</p>
      <p>c:{{ c }}</p>
      <button @click="changeCount(3)">修改爷爷的东西</button>
      <button @click="$emit('changeMe', 4)">
        修改爷爷的东西使用 changeMe事件
      </button>
      <button @click="$emit('changeHer', 5)">
        修改爷爷的东西使用 changeHer事件
      </button>
    </div>
  </div>
</template>

<script>
export default {
  name: "GrandSon",
  props: ["a", "b", "c", "changeCount"],
};
</script>

<style scoped>

</style>
